<template>
	<view class="punishment-map">
		<view class="punishment-item">
			<view class="item-icon">
				<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-8acfaa58-aeb5-4502-8309-365d4c6cca4a/0b73e000-7ff9-4fbe-b153-9279810a3d78.png" style="width:100%;height:100%;border-radius: 50%;">
			</view>
			<view class="item-title">
				罚金：{{chargeItem.forfeit_ratio}}%
			</view>
		</view>
		<view class="punishment-item">
			<view class="item-icon">
								<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-8acfaa58-aeb5-4502-8309-365d4c6cca4a/584dd1f5-7c75-480f-a65d-e6e686df2fc8.png" style="width:100%;height:100%;border-radius: 50%;">
			</view>
			<view class="item-title">
				驱逐出境：{{chargeItem.dislodge_ratio}}%
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			chargeItem:{
				type:Object,
			}
		}
	}
</script>

<style scoped lang="scss">
	@import "./punishmentMap.scss";
</style>